<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="front/common/layout">
<head>
<title>文章</title>
<link th:href="@{~/front/css/index.css}" rel="stylesheet" />
</head>
<body>
	<div class="container" style="padding: 20px" layout:fragment="content">
		<h2 class="nh1">
			<span>您现在的位置是：<a th:href="@{/}">网站首页</a>>>技术文章</span><b th:text="${cate.cateName}"></b>
		</h2>
		<div class="bloglist f_l">
			<section th:each="article : ${json.rows}">
				<h3>
					<a th:href="@{/article/{articleId}(articleId=${article.articleId})}" th:text="${article.articleTitle}"></a>
				</h3>
				<figure>
					<img  th:src="@{${article.articleThumbnail}}"  />
				</figure>
				<ul>
					<p th:text="${article.articleDescription}"></p>
					<a th:href="@{/article/{articleId}(articleId=${article.articleId})}" class="readmore">阅读全文&gt;&gt;</a>
				</ul>
				<p class="dateview">
					<span><i class="fa fa-calendar"></i>&nbsp;<b th:text="${#dates.format(article.articleCreateTime, 'yyyy-MM-dd')}"></b></span><span><i
							class="fa fa-user"></i>&nbsp;<b th:text="${article.member.memberName}"></b></span><span th:text="'分类:'+${article.cate.cateName}"></span>
				</p>
			</section>
			<h2 class="nh1"></h2>
			<div class="page_nav" style="display: block;" >
				<span th:text="${json.total}+'条 共'+${json.TotalPage}+'页 '"></span>
				 <a th:href="@{/article/cate/{cateId}(cateId=${cate.cateId},pageNum=${pageNum}-1)}" th:if="${pageNum} &gt; 1">上一页</a>
				<span th:each=" total : ${json.showPage}">
				    <strong th:text="${total}" th:if="${#strings.equals(total, pageNum)}"></strong>
				   <a th:href="@{/article/cate/{cateId}(cateId=${cate.cateId},pageNum=${total})}" th:text="${total}" th:unless="${#strings.equals(total, pageNum)}"></a>
				</span>
				<span th:if="${not #strings.equals(json.TotalPage, pageNum)}"> 		
				 <a th:href="@{/article/cate/{cateId}(cateId=${cate.cateId},pageNum=${pageNum}+1)}" th:if="${json.TotalPage} &gt; 1">下一页</a> 
				 <a th:href="@{/article/cate/{cateId}(cateId=${cate.cateId},pageNum=${json.totalPage})}" th:if="${json.TotalPage} &gt; 5">尾页</a>
				 </span>
			</div>
			
		</div>

		<div class="r_box f_r">
			<div class="tuwen">
				<h3 class="tit">文章分类</h3>
				<ul>
					<li th:each="cate : ${cateList}">
					   <a th:href="@{/article/cate/{cateId}(cateId=${cate.cateId})}"><b th:text="${cate.cateName}"></b></a>
					</li>

				</ul>
			</div>
			<div class="ph">
				<h3 class="tit">阅读排行</h3>
				<ul class="rank">
					<li th:each="article : ${articleList}">
					    <a th:href="@{/article/{articleId}(articleId=${article.articleId})}"><b th:text="${article.articleTitle}"></b></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="blank"></div>

</body>
</html>